HTML Utopia: Designing Without Tables Using CSS by Dan Shafer Rachel Andrew

Author:Dan Shafer, Rachel Andrew [Shafer, Dan]
Language: eng
Format: epub
ISBN: 0975240277
Publisher: SitePoint Pty. Ltd.
Published: 2006-08-16T04:00:00+00:00

This will position the sidebar to the top and left of the relatively positioned div with the id main, as Figure 9.3 illustrates.

Figure 9.3. After positioning the sidebar2

The content of sidebar2 now appears to overlap the content div, as you’d expect. All we’re doing is placing the sidebars over a space created by content’s margins. If the sidebar is wider than that margin, it will continue to display over the top of the content div. To prevent this overlap, we give sidebar2 a width value: styles.css (excerpt)

#sidebar2 { position: absolute; top: 0; left: 0; width: 159px; border-top: 1px solid #b9d2e3; border-left: 1px solid #b9d2e3; border-bottom: 1px solid #b9d2e3; background-color: white; color: black; margin: 0; padding: 0; }

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.